//Gama de colores
@color1: #343838;
@color2: #005F6B;
@color3: #008C9E;
@color4: #00B4CC;
@color5: #00DFFC;
@color-texto: #F1F1F1;
@color-autor: #AFEEEE;
/*
@color1: #EFF2FB;
@color2: #CED8F6;
@color3: #5EA1C6;
@color4: #2E64FE;
@color5: #013ADF;
@color6: #08298A;
@color7: #0B173B;
@color8: #070B19;
*/
@colorTitulo: white;

@accessButtonColor1: #5695C7;
@accessButtonColor2: #5395C9;
@accessButtonColor3: #4F96B8;
@accessButtonColor4: #82A3CC;
@accessButtonBorderTopColor: #202063;
@accessButtonBorderBottomColor: #0B4F69;

@acierto: #04a702;
@error: #ff0000;

//Anchos y altos
@min-width: 960px;
@max-width: 960px;

//NOTICIAS
@margen-noticia-left: 100px;
@margen-noticia-right: 100px;
@margen-noticia-bottom: 50px;
@margen-noticia-top: 50px;



///////////////////////////////////CSS//////////////////////////////////////////
//PRINCIPAL
html{
    height: 100%;
    width: 100%;
}
body{
    width: 100%;
    height: 100%;
    margin: 0px;
    color: @color-texto;
    background: @color4;
}
#header{
    width: auto;
    margin-left: auto;
    margin-right: auto;
    
}

#contenido-general{
  min-width: @min-width;
  max-width: @max-width;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}

#contenido-principal{
    width: 75%;
    height: 100%;
    background: @color2;
    overflow-x: hidden;
    float: left;
}

#contenido-auxiliar{
    width: 25%;
    height: 100%;
    float: right;
    background: @color2;
}

#footer{
    color: white;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 100%;
    background: @color1;
    
}


//NOTICIAS
#error-sin-noticias{
    color: @error;
}

.noticia{
    margin-left: 1%;
    .titulo-noticia{
        padding: 2px;
        padding-bottom: 4px;
        font-size: 28px;
        font-weight: bold;
        text-align: left;
    }
    .contenido-noticia{
        
        
    }
    .autor-noticia{
        a:link,a:visited,a:active{
            color: @color5;
        }
        a:hover{
            color: @color4;
        }
        a{
            text-decoration: underline;;
        }
    }
}
.titulo-registro{
    
}

.titulo-login{
    
}

//FORMULARIOS

//INPUTS
input, input[type="password"], input[type="search"], isindex {
    background-color: whitesmoke; //Es para que los textfields y demás tengan profundidad y no sean planos y feos
}

//INPUT Y RESET BUTTONS GENERALES
input[type="submit"], input[type="reset"] {
    /*basic styles*/
    width: 100px;
    height: 30px;
    color: #fff;
    background-color: #000;
    text-align: center;
    font-size: 12px;
    line-height: 25px;

    /*gradient styles*/
    //background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2f2f2f), color-stop(.5, #1e1f1f), color-stop(.51, #0c0c0c), to(#000));
    //background: -moz-linear-gradient(top, #2f2f2f, #1e1f1f 50%, #0c0c0c 51%, #000);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, @accessButtonColor1), color-stop(.5, @accessButtonColor2), color-stop(.51, @accessButtonColor3), to(@accessButtonColor4));
    background: -moz-linear-gradient(top, @accessButtonColor1, @accessButtonColor2 50%, @accessButtonColor3 51%, @accessButtonColor4);
    /*border styles*/

    border-top: solid 2px @accessButtonBorderTopColor;
    border-bottom: solid 2px @accessButtonBorderBottomColor;
    -moz-box-shadow:inset 0 0 15px #000000;
    -webkit-box-shadow:inset 0 0 15px #000000;
    box-shadow:inset 0 0 15px #000000;
}

input[type="submit"] p, input[type="reset"] p {
    font-size: 8px;
    line-height: 70px;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 300;
    text-shadow: 0px 0px 3px #888;
}

input[type="submit"] a, input[type="reset"] a {
    text-decoration: none;
    color: fff;
}

input[type="submit"]:hover, input[type="reset"]:hover {
    -moz-box-shadow:inset 0 0 50px #000000;
    -webkit-box-shadow:inset 0 0 50px #000000;
    box-shadow:inset 0 0 50px #000000;
}

input[type="submit"] p:hover, input[type="reset"] p:hover {
    text-shadow: 0px 0px 3px #444;
}


//FORMULARIO AÑADIR NOTICIA
#escribir_noticia{
    margin-left: 100px;
    margin-top:50px;
}
.linea_datos_noticia{
    
}

#escribir_noticia input, #escribir_noticia input[type="password"], #escribir_noticia input[type="search"], #escribir_noticia isindex {
    width: 85%;
    background-color: whitesmoke; //Es para que los textfields y demás tengan profundidad y no sean planos y feos
    float: right;
}

#escribir_noticia input:focus, #escribir_noticia input[type="password"]:focus, #escribir_noticia input[type="search"]:focus, #escribir_noticia isindex {
    background-color: white;
}

#escribir_noticia textarea{
    margin: 5px;
    padding-top: 15px;
    padding-left: 20px;
    border-style: inset; 
    background-color: whitesmoke; //Es para que los textfields y demás tengan profundidad y no sean planos y feos
    width: 95%;

}
#escribir_noticia textarea:focus{
    border-style: outset;
    background-color: white;
}


//REGISTRO
#formulario-registro{
    text-align: right;
    margin-right: 30%;
}
#formulario-login{
    text-align: right;
    margin-right: 30%;
}

//DATOS CORRECTOS O ERRONEOS
#estado-login{
    margin-left: 40px;
    margin-top: 50px;
}
.error{
    color: @error;
}
.acierto{
    color: @acierto;
}


//PERFIL LATERAL
#perfil_lateral{
    width: 90%;
    margin-left: 10%;
    margin-top: 5px;
    #perfil_lateral_nombre_usuario{
        float: left;
        width: 100%;
    }
    #perfil_lateral_rol{
        float:left;
        width: 100%;
    }
    img{
        max-width: 150;
        max-height: 200px;
    }
}